<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="jquery.min.js"></script>
</head>
<body>
<input type="button" id="goout" value="出去">
<input type="button" id="comeon" value="来了">
<input type="button" id="cn" value="点击">
<br>
<img src="1%20(35).jpg" alt="" style="width: 500px" id="re">

<script>
	$("#goout").click(function () {
		$("#re").fadeOut(3000)
	});

	$("#comeon").click(function () {
		$("#re").fadeIn(3000)
	});

	$("#cn").click(function () {
		// 自我判断能力slideToggle（）
		$("#re").fadeToggle(3000);
	});
</script>
</body>
</html>